<template>
  <div class="layui-container flex">
    <img src="@/assets/img/404.png" alt="连404的图都裂开了吗" width="100px">
    <p>找不到页面了嘤嘤嘤</p>
    <router-link class="layui-btn" to="/">回到首页</router-link>
  </div>
</template>
<script>
export default {
  name: 'NotFound'
};
</script>
<style scoped lang="scss">
.flex {
  width: 100%;
  min-height: 400px;
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: center;
  p {
    font-size: 18px;
    padding: 20px 0;
    color: #aaa;
  }
}
</style>
